// import { Button } from 'antd-mobile'
// 文件跟目录 配置路由
import React from "react";
import { HashRouter, Redirect, Route, Switch } from "react-router-dom";
// 哈希路由 ,重定向,历史模式 ,配置路由,SWitch只匹配一次
import Home from "./pages/home";
import CityList from "./pages/cityLIst";
import NotFount from './pages/NotFount/index'
import MapHome from './pages/Map/index'
function App() {
  return (
    <HashRouter className="App">
      <Switch>
        {/* <ul> */}
        {/* 导航 */}
        {/* <li><Link to="/">首页</Link></li> */}
        {/* <li><Link to="/cityList">城市列表</Link></li> */}
        {/* </ul> */}
        {/* 路由配置 */}
        <Route exact path="/" render={() => <Redirect to="/home" />} />
        {/* 重定向 */}
        <Route path="/home" component={Home}></Route>
        <Route path="/map" component={MapHome}></Route>
        <Route path="/cityList" component={CityList}></Route>
        {/* <Button type="primary">点我</Button> */}
        <Route puth="*" component={NotFount} />
      </Switch>
    </HashRouter>
  );
}

export default App;
